<template>
  <span class="my-button" @click="handle">
    <slot></slot>
  </span>
</template>

<script>
  export default {
    methods: {
      handle ($event) {
        this.$emit('click', $event)
      }
    },
    name: 'MyButton'
  }
</script>

<style lang="scss" scoped>
  @import "../assets/css/variable";
  @import "../assets/css/px2rem";
  .my-button{
    min-width: px2rem(240px);
    border:1px solid #ccc;
    line-height: px2rem(100px);
    height: px2rem(100px);
    text-align: center;
    display: inline-block;
    color: $fontColor;
    font-size: 0.6rem;
    margin: px2rem(30px) px2rem(20px);
  }
</style>
